<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./Plantillas/PlantillaLogin.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">
    <h:outputStylesheet name="./../Resources/css/style.css"/>
    <ui:define name="header">

    </ui:define>
    <ui:define name="top">
        top
    </ui:define>

    <ui:define name="menu">
            <div id='cssmenu'>
                <ul>
                    <li><a href="g">Inicio</a></li>
                    <li><a href="g">Nuestra Empresa</a></li>
                    <li><a href="g">Nuestros servicios</a></li>
                    <li><a href="g">Contáctanos</a></li>
                </ul>
            </div>
      
    </ui:define>

    <ui:define name="content">
        <div class="titulo">Registro de Usuario</div>
        <p></p>
        <hr/>
        <div class="imgregistro"><img src="Resources/img/employee.png"></img></div>
        <h:form>
            <p:growl id="msgs" showDetail="true" />
            <p:panel id="basic" header="Datos Personales" styleClass="panelRegistro" footer="Los campos con (*) son obligatorios">
                <h:panelGrid columns="2" cellpadding="5">
                    <p:outputLabel styleClass="label" value="Tipo de Documento:"/>
                    <p:selectOneMenu value="" effect="drop" >
                        <f:selectItem itemLabel="Cedula" itemValue="Empleado" />
                        <f:selectItem itemLabel="Pasaporte" itemValue="Administrador" />
                    </p:selectOneMenu>
                    <p:outputLabel styleClass="label" value="Cedula/Pasaporte:"/>
                    <p:inputText size="30" styleClass="texto" label="dsffdf" alt="dsfdsf" value="fbcb"/>
                    <p:outputLabel styleClass="label" value="Primer Nombre:" />
                    <p:inputText size="30"/>
                    <p:outputLabel styleClass="label" value="Segundo Apellido:"/>
                    <p:inputText size="30"/>
                    <p:outputLabel styleClass="label" value="Correo Electronico:"/>
                    <p:inputText size="30"/>
                    <p:outputLabel styleClass="label" value="Ingresa tu contraseña:"/>
                    <p:inputText size="30"/>
                    <p:outputLabel styleClass="label" value="Confirma tu contraseña:"/>
                    <p:inputText size="30"/>
                </h:panelGrid>
            </p:panel>
            <h:panelGrid columns="1" cellpadding="10" bgcolor="" style="width: 100%;">
                <p:button value="Registrarse" />
            </h:panelGrid>
        </h:form>
    </ui:define>

    <ui:define name="bottom">
        bottom
    </ui:define>

</ui:composition>
